<template>
  <layout>
    <Sider class="sideBar">
      <left-side-bar></left-side-bar>
    </Sider>
    <Content class="mainContent">
      <Card>
        <Breadcrumb>
          <BreadcrumbItem to="/">Home</BreadcrumbItem>
          <BreadcrumbItem to="">Process Viewer</BreadcrumbItem>
        </Breadcrumb>
        <processfilter></processfilter>
      </Card>
      <processbody></processbody>
    </Content>
  </layout>


</template>

<script>
    import TopBar from "../../login/topBar/topBar";
    import LeftSideBar from "../../leftSideBar/leftSideBar";
    import Processfilter from "./module/Processfilter";
    import Processbody from "./module/Processbody";

    export default {
        name: "ProcessViewer",
      components: {Processbody, Processfilter, LeftSideBar, TopBar}
    }
</script>

<style scoped>
  .mainContent {
    padding: 25px;
    padding-top: 40px;
    z-index: 25
  }
</style>
